<!-- ############################# Ajax Page Container ############################# -->
<section id="page" data-title="Noisa - Single Post">

	<!-- ############################# Intro ############################# -->
	<section class="intro-title section border-bottom" style="background-image: url(placeholders/blog-bg.jpg)">
		<h2 class="heading-l">Latest <span class="color">News</span></h2>
		<!-- Overlay -->
		<!-- <span class="overlay dots"></span> -->
	</section>
	<!-- /intro -->

	<!-- ############################# Content ############################# -->
	<section class="content section">
		<!-- container -->
		<div class="container">

			<!-- ############################# Single Post ############################# -->
			<!-- List -->
			<div id="main" class="blog-list main-left">

				<!-- Article -->
				<article>
					<div class="entry-content">
						<div class="entry-meta">
							<span class="entry-date">02 May, 2014</span>
							<span class="entry-cat"><a href="javascript:;">General news</a></span>
							<span class="entry-comments">3 Comments</span>
						</div>
						<h1 class="entry-title">Post with Photo</h1>
					
						<!-- Thumbnail -->
							<img src="placeholders/blog-entry-img01.jpg" alt="Blog Entry Image" class="aligncenter" />
						<!-- /Thumbnail -->

						<p>
							Praesent sit amet augue fermentum, fermentum nisl a, placerat lectus. Sed euismod molestie ante ut fermentum. Cras pretium justo eget venenatis dignissim. Vestibulum quis scelerisque odio. Etiam ut nibh sem. Pellentesque aliquet tincidunt neque, ut ultricies nibh suscipit in. Nulla lobortis porta tortor id sagittis. Integer bibendum lorem vitae ligula bibendum, in molestie odio aliquam. Mauris et lacus scelerisque, interdum justo at, vehicula nisl. Suspendisse potenti. Phasellus eget ipsum quam. Donec ultricies malesuada metus, sed placerat lectus pretium id.
						</p>
						<blockquote>
							<p>
								Sed pellentesque dapibus tellus in semper. Aenean faucibus aliquet turpis, id fermentum sem consectetur id. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis faucibus euismod nunc scelerisque tincidunt.
							</p>
						</blockquote>

						<h2>Details</h2>
						<p>
							Cras rutrum, nibh sit amet sodales volutpat, nisi tellus fringilla odio, non auctor ipsum ligula ac tellus. Cras viverra, risus eget dictum mollis, dui tortor fermentum mauris, vel tempus leo ipsum at libero. Suspendisse eget sodales nisi, vel tincidunt leo. Sed faucibus facilisis ipsum, quis egestas sem dignissim a. Nulla suscipit, risus in tristique aliquam, lectus elit facilisis mauris, et rhoncus felis orci ut tellus. In vitae nunc ipsum. Praesent non tincidunt nulla. Cras feugiat vulputate turpis, ac euismod nulla hendrerit nec. Curabitur ac mi non tellus iaculis tempus nec ac nisl.
						</p>
						<p>
							Aenean euismod est vel leo commodo, a porttitor massa feugiat. Duis rhoncus quis diam ut convallis. Vestibulum nec auctor augue, sed dapibus odio. Phasellus placerat fermentum metus, vel luctus erat. Aliquam eget massa sed massa gravida pulvinar in dictum nibh. Etiam luctus nunc ut urna pellentesque lacinia. Interdum et malesuada fames ac ante ipsum primis in faucibus. Integer et commodo lacus, viverra dapibus massa.
						</p>
					
					</div>
				</article>
				<!-- /article -->
				
				<!-- Page navigation -->
				<div class="page-nav">
					<a href="javascript:;" class="prev"><span class="icon icon-arrow-left"></span> Previous</a><a href="javascript:;" class="next">Next <span class="icon icon-arrow-right"></span></a>
				</div>
			</div>
			<!-- /list -->

			<!-- Sidebar -->
			<div class="sidebar main-left">
				<!-- Widgets -->
				<div class="widget text-widget">
					<h3>Simple Text Widget</h3>
					<p>Duis tellus lorem, sodales et venenatis at, rutrum id lorem. Curabitur euismod convallis erat pretium porta. Aliquam vehicula dolor at purus imperdiet varius.</p>
				</div>

				<div class="widget widget_recent_entries">
					<h3>Latest Posts</h3>
					<ul>
						<li>
							<a href="javascript:;">Post with Slider.</a>
						</li>
						<li>
							<a href="javascript:;">Music Post.</a>
						</li>
						<li>
							<a href="javascript:;">Wide Post.</a>
						</li>
						<li>
							<a href="javascript:;">Vimeo video.</a>
						</li>
						<li>
							<a href="javascript:;">Post with Quote.</a>
						</li>
					</ul>
				</div>

				<div class="widget widget_recent_tweets">
					<h3>Latest Tweets</h3>
					<ul class="tweets" data-tweets-count="2">
						<li>Please Wait...</li>
					</ul>
				</div>


				<div class="widget widget_recent_gallery">
					<h3>Latest Gallery Albums</h3>
					<div class="gallery-3-col">
						<a href="placeholders/gallery-thumb01.jpg" class="gallery-item imagebox thumb-icon" title="Image Title" data-group="group1">
	                        <img src="placeholders/gallery-thumb01.jpg" alt="Image Title">
	                        <span class="icon-wrap">
	                            <!-- icon from icomoon -->
	                            <span class="icon icon-search"></span>
	                        </span>
	                    </a>
	                    <a href="placeholders/gallery-thumb02.jpg" class="gallery-item imagebox thumb-icon" title="Image Title" data-group="group1">
	                        <img src="placeholders/gallery-thumb02.jpg" alt="Image Title">
	                        <span class="icon-wrap">
	                            <!-- icon from icomoon -->
	                            <span class="icon icon-search"></span>
	                        </span>
	                    </a>
	                    <a href="placeholders/gallery-thumb03.jpg" class="gallery-item imagebox thumb-icon" title="Image Title" data-group="group1">
	                        <img src="placeholders/gallery-thumb03.jpg" alt="Image Title">
	                        <span class="icon-wrap">
	                            <!-- icon from icomoon -->
	                            <span class="icon icon-search"></span>
	                        </span>
	                    </a>
	                    <a href="placeholders/gallery-thumb04.jpg" class="gallery-item imagebox thumb-icon" title="Image Title" data-group="group1">
	                        <img src="placeholders/gallery-thumb04.jpg" alt="Image Title">
	                        <span class="icon-wrap">
	                            <!-- icon from icomoon -->
	                            <span class="icon icon-search"></span>
	                        </span>
	                    </a>
	                    <a href="placeholders/gallery-thumb05.jpg" class="gallery-item imagebox thumb-icon" title="Image Title" data-group="group1">
	                        <img src="placeholders/gallery-thumb05.jpg" alt="Image Title">
	                        <span class="icon-wrap">
	                            <!-- icon from icomoon -->
	                            <span class="icon icon-search"></span>
	                        </span>
	                    </a>
	                    <a href="placeholders/gallery-thumb06.jpg" class="gallery-item imagebox thumb-icon" title="Image Title" data-group="group1">
	                        <img src="placeholders/gallery-thumb06.jpg" alt="Image Title">
	                        <span class="icon-wrap">
	                            <!-- icon from icomoon -->
	                            <span class="icon icon-search"></span>
	                        </span>
	                    </a>
					</div>
				</div>

			</div>
			<!-- /sidebar -->

		</div>
		<!-- /container -->
	</section>
	<!-- /Content -->

	<!-- ############################# Comment section ############################# -->
	<section class="comments-section section border-top">
		<!-- container -->
		<div class="container">

			<h4 class="comments-title">Comments:</h4>		
			<!-- Comments list -->

			<!-- Comments list -->
			<ol class="comments-list">

				<!-- Comment -->
				<li class="comment">
					<article>
						<div class="avatar">
							<img src="http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&amp;s=50" alt="Image">
						</div>
						<div class="comment-meta">
							<h5 class="author"><a href="#">John Themeforest</a></h5>
							<p class="date">October 11, 2012</p>
						</div>
						<div class="comment-body">
							<p>Pellentesque sollicitudin, magna ac ullamcorper interdum, purus urna condimentum ligula, sed volutpat erat felis a lectus. Sed et consectetur nisi. In consectetur turpis in quam rutrum tempor.</p>
						</div>
					</article>
					<!-- Children comments -->
					<ul class="children">
						<li class="comment">
							<article>
								<div class="avatar">
									<img src="http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&amp;s=50" alt="Image">
								</div>
								<div class="comment-meta">
									<h5 class="author"><a href="#">John Themeforest</a></h5>
									<p class="date">October 11, 2012</p>
								</div>
								<div class="comment-body">
									<p>Pellentesque sollicitudin, magna ac ullamcorper interdum, purus urna condimentum ligula, sed volutpat erat felis a lectus. Sed et consectetur nisi. In consectetur turpis in quam rutrum tempor.</p>
								</div>
							</article>
						</li>
					</ul>
					<!-- Children comments -->
				</li>
				<!-- /Comment -->
				<!-- Comment -->
				<li class="comment">
					<article>
						<div class="avatar">
							<img src="http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&amp;s=50" alt="Image">
						</div>
						<div class="comment-meta">
							<h5 class="author"><a href="#">John Themeforest</a></h5>
							<p class="date">October 11, 2012</p>
						</div>
						<div class="comment-body">
							<p>Pellentesque sollicitudin, magna ac ullamcorper interdum, purus urna condimentum ligula, sed volutpat erat felis a lectus. Sed et consectetur nisi. In consectetur turpis in quam rutrum tempor.</p>
						</div>
					</article>
				</li>
				<!-- /Comment -->
				<!-- Comment -->
				<li class="comment">
					<article>
						<div class="avatar">
							<img src="http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&amp;s=50" alt="Image">
						</div>
						<div class="comment-meta">
							<h5 class="author"><a href="#">John Themeforest</a></h5>
							<p class="date">October 11, 2012</p>
						</div>
						<div class="comment-body">
							<p>Pellentesque sollicitudin, magna ac ullamcorper interdum, purus urna condimentum ligula, sed volutpat erat felis a lectus. Sed et consectetur nisi. In consectetur turpis in quam rutrum tempor.</p>
						</div>
					</article>
				</li>
				<!-- /Comment -->
			</ol>
			<!-- /Comments list -->

			
			<h4 class="response-title">Post New Comment:</h4>
			<!-- response form -->
	        <form method="post" class="form response-form">
	        	<div class="row clearfix">
	 				<div class="col-1-3">
	 					<label for="response-name"><strong>Name</strong> (required)</label>
						<input type="text" name="name" value="" id="response-name" required>
	 				</div>
	 				<div class="col-1-3">
	 					<label for="response-email"><strong>Email</strong> (required)</label>
						<input type="email" name="email" value="" id="response-email" required>
	 				</div>
	 				<div class="col-1-3 last">
	 					<label for="response-www"><strong>Webiste</strong> (WWW)</label>
						<input type="text" name="subject" value="" id="response-www">
	 				</div>
	        	</div>
	        	<div class="row clearfix">
	        		<div class="col-1-1">
	        			<label for="response-comment"><strong>Comment</strong> (required)</label>
						<textarea name="comment" id="response-comment" cols="88" rows="6" required></textarea>
					</div>
	        	</div>
				<input type="submit" value="Submit Comment" class="large invert">
				<div class="clear"></div>
	        </form>
	        <!-- /response form -->
		</div>	
		<!-- /container -->
	</section>
	<!-- /section -->

</section>
<!-- /page -->